<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
    <title>工作台</title>
    <!--region 引入公用js和css -->
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <!--endregion-->

    <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet"> <!-- CSS Customization -->

    <link href="wroking.css" rel="stylesheet">
</head>

<body>
<div class="project-wrapper clearfix">
  <div class="main-menu pull-left" >
    <div class="logo">
      <a href="#"><img src="../assets/images/logo/logo.png" alt=""></a>
    </div>
    <ul class="control-list">
      <li>
        <a href="#">
          <span class="dtFont dtFont-index"></span>
          <p>首页</p>
        </a>
      </li>
      <li class="active">
        <a href="#">
          <span class="dtFont dtFont-gongzuotai"></span>
          <p>工作台</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-tongji"></span>
          <p>统计</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-dangan"></span>
          <p>档案</p>
        </a>
      </li>
    </ul>

    <div class="user-info2">
      <ul class="user-function">
        <li>
          <a href="#">
            <span class="dtFont dtFont-tixing"></span>
            <i>26</i>
            <small>消息</small>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="dtFont dtFont-shezhi-copy"></span>
            <small>设置</small>
          </a>
        </li>
      </ul>
      <div class="user-portrait">
        <div class="portrait"><img src="../assets/images/tou.png" alt=""></div>
        <p class="nowrap">Adain</p>
      </div>

    </div>

  </div>
  <div class="main-content pull-right">
    <div class="main-content-head clearfix">
      <h2 class="head-title pull-left">项目管理服务平台</h2>
      <div class="head-section pull-right">
        <p class="header-text">合肥融创壹号院二期1#~5#楼-设计-1标段</p>
      </div>
    </div>
    <div class="main-content-body">

      <div class="main-content-scroll clearfix">

        <div class="work-wrap relative">

            <div class="work-item k2 " id="penetrate1">
                <div class="work-item-title">
                    <div class="pull-left">
                        <i class="it it1"></i> 快捷入口
                    </div>
                    <a class="pull-right blue" href="javascript:" id="edit">
                        <i class="fa fa-edit"></i> 编辑
                    </a>
                </div>
                <div class="flex-h wrap padding-top-25">
                    <a href="#" class="to-item">
                        <img src="./img/ie1.png" alt="">
                        <p>承发包管理</p>
                    </a>
                    <a href="#" class="to-item">
                        <img src="./img/ie2.png" alt="">
                        <p>监督交底</p>
                    </a>
                    <a href="#" class="to-item">
                        <img src="./img/ie3.png" alt="">
                        <p>材料上传</p>
                    </a>
                    <a href="#" class="to-item">
                        <img src="./img/ie4.png" alt="">
                        <p>危大工程登记</p>
                    </a>
                    <a href="#" class="to-item">
                        <img src="./img/ie5.png" alt="">
                        <p>关键人员在岗履职</p>
                    </a>
                    <a href="#" class="to-item">
                        <img src="./img/ie6.png" alt="">
                        <p>项目人员管理</p>
                    </a>
                </div>

                <!--引导提示-->
                <div class="tiS t" style="top: 105%;right: 0">
                    <h2 class="margin-bottom-10">选择应用  <i class="dtFont dtFont-guanbi tiSClose"></i></h2>
                    <p>1.最常用的应用一键直达，可以进行配置</p>
                    <p class="margin-bottom-40">2.点击可以查看选择项目所有的应用</p>
                    <p class="flex-h between">
                        <span>1/4</span>
                        <button class="normal-button sure penetrateBtn" data-go="2">下一步</button>
                    </p>
                </div>
            </div>

            <div class="work-item gradual">
                <div class="work-item-title">
                    <div class="pull-left"><i class="it it2"></i> 关键人员考勤</div>
                    <div class="pull-right">
                        <div class="input-icon right input-icon-sm">
                            <i class="fa icon-calendar"></i>
                            <input type="text" class="form-control" placeholder="请选择日期">
                        </div>
                    </div>
                </div>

                <div class="flex-h padding-lr-20">
                    <div class="txWrap ">
                        <div class="b-tx">
                            <span class="font-m">实际出勤</span>
                            <span class="font-lg">50人</span>
                        </div>
                        <div class="w-tx">
                            <span class="font-m gray">应出勤</span>
                            <span class="font-lg">50人</span>
                        </div>
                    </div>
                    <ul class="kao-list">
                        <li>请假 <span class="orange">10</span> 人 </li>
                        <li>缺卡 <span class="red">10</span> 人 </li>
                    </ul>
                </div>

                <div class="padding-lr-20 margin-top-15">
                    <div class="margin-bottom-5">
                        <span>当日考勤率</span>
                        <span class="green">68%</span>
                    </div>
                    <div class="today-progress">
                        <div style="width: 50%"></div>
                    </div>
                </div>

            </div>

            <div class="work-item g2 " id="penetrate2">
                <div class="work-item-title">
                    <div class="pull-left"><i class="it it3"></i> 项目信息完善</div>
                    <a href="#" class="pull-right c949">
                        更多 <i class="dtFont dtFont-gengduo"></i>
                    </a>
                </div>
                <div class="work-item-box">
                    <div class="clearfix padding-lr-20">
                        <div class="wth1 pull-left">

                            <div class="echarts" id="echarts"></div>

                            <div class="shi">
                                <section class="red"><i></i>待完善材料 <span>28</span>项</section>
                                <section class="gray"><i></i>已完善材料 <span>78</span>项</section>
                            </div>

                        </div>

                        <ul class="wth2 auto-scroll pull-right">
                            <li class="flex-h between">
                                <span>监理合同登记</span>
                                <span class="pointer blue">立即上传</span>
                            </li>
                            <li class="flex-h between">
                                <span>施工合同登记</span>
                                <span class="pointer blue">立即上传</span>
                            </li>
                            <li class="flex-h between">
                                <span>关键岗位人员社保</span>
                                <span class="pointer blue">立即上传</span>
                            </li>
                            <li class="flex-h between">
                                <span>交底信息</span>
                                <span class="pointer blue">立即上传</span>
                            </li>
                            <li class="flex-h between gray">
                                <span>工程款支付凭证</span>
                                <span>已上传</span>
                            </li>
                            <li class="flex-h between gray">
                                <span>工程款支付凭证</span>
                                <span>已上传</span>
                            </li>

                        </ul>
                    </div>
                </div>

                <!--引导提示-->
                <div class="tiS l" style="top: 0;left: 102%">
                    <h2 class="margin-bottom-10">待办事项  <i class="dtFont dtFont-guanbi tiSClose"></i></h2>
                    <p class="margin-bottom-40">待办一目了然，此处你可以处理所有项目的待办事项</p>
                    <p class="flex-h between">
                        <span>2/4</span>
                        <span>
                             <button class="normal-button cancel penetrateBtn" data-go="1">上一步</button>
                             <button class="normal-button sure penetrateBtn" data-go="3">下一步</button>
                        </span>

                    </p>
                </div>

            </div>

            <div class="work-item g2" id="penetrate3">
                <div class="work-item-title">
                    <div class="pull-left"><i class="it it4"></i> 材料上传</div>
                    <div class="pull-right">
                        <div class="input-icon right input-icon-sm">
                            <i class="fa icon-calendar"></i>
                            <input type="text" class="form-control" placeholder="请选择日期">
                        </div>
                    </div>
                </div>
                <div class="padding-lr-20">
                    <section class="margin-bottom-20">
                        <h3 class="upload-item-title">2022年度材料上传</h3>
                        <div class="quarter">
                            <div class="quarter-item">
                                <p>第一季度</p>
                                <a href="#">未填报</a>
                            </div>
                            <div class="quarter-item">
                                <p>第二季度</p>
                                <a href="#">未填报</a>
                            </div>
                            <div class="quarter-item">
                                <p>第三季度</p>
                                <span class="gray">已填报</span>
                            </div>
                            <div class="quarter-item">
                                <p>第四季度</p>
                                <span class="gray">未开始</span>
                            </div>
                        </div>
                    </section>
                    <section class="upload-item">
                        <h3 class="upload-item-title">月度材料上传</h3>

                        <div class="inSad">
                            <div class="CurrentMonth">
                                <a href="#">
                                    <span class="de">5月</span>
                                    <span class="dr"><i class="fa fa-exclamation-circle"></i> 待完善</span>
                                    <!-- <span>未完善</span>-->
                                </a>
                            </div>
                            <div class="PreviousMonth">
                                <a href="#">
                                    <span>11月</span>
                                    <i>已完善</i>
                                </a>
                                <a href="#">
                                    <span>12月</span>
                                    <i class="r">待完善</i>
                                </a>
                                <a href="#">
                                    <span>1月</span>
                                    <i class="r">待完善</i>
                                </a>
                                <a href="#">
                                    <span>2月</span>
                                    <i>已完善</i>
                                </a>
                                <a href="#">
                                    <span>3月</span>
                                    <i>已完善</i>
                                </a>
                                <a href="#">
                                    <span>4月</span>
                                    <i class="r">待完善</i>
                                </a>
                            </div>
                        </div>


                    </section>
                </div>

                <!--引导提示-->
                <div class="tiS t" style="top: 105%;right: 0">
                    <h2 class="margin-bottom-10">月度材料上传  <i class="dtFont dtFont-guanbi tiSClose"></i></h2>
                    <p class="margin-bottom-40">待办一目了然，此处你可以处理所有项目的待办事项</p>
                    <p class="flex-h between">
                        <span>3/4</span>
                        <span>
                             <button class="normal-button cancel penetrateBtn"  data-go="2">上一步</button>
                             <button class="normal-button sure penetrateBtn"  data-go="4">下一步</button>
                        </span>

                    </p>
                </div>
            </div>

            <div class="work-item g2 gradual gradualRed auto-scroll">
                <div class="work-item-title">
                    <div class="pull-left"><i class="it it5"></i> 项目人员管理</div>
                    <a href="#" class="pull-right c949">
                         更多 <i class="dtFont dtFont-gengduo"></i>
                    </a>
                </div>


                <div class="gl-error padding-lr-20">
                    <div class="gl-error-title margin-bottom-10">
                        <b class="red">
                             <i class="fa fa-exclamation-triangle"></i> 发现3项异常
                        </b>
                        <span>可能引起主管部门关注，请及时处理。</span>
                    </div>

                    <div class="gl-error-box">
                        <section class="bg-white">
                            <h3>项目经理检测（异常） <a class="blue" href="#">添加项目经理 ></a></h3>
                            <p>应配备1人</p>
                        </section>

                        <section class="bg-white">
                            <h3>项目经理检测（异常） <a class="blue" href="#">查看异常 ></a></h3>
                            <p class="flex-h margin-bottom-5">
                                <b class="spaceNowrap">吴永超：</b>
                                <span class="gray">聘用单位与注册单位不一致;</span>
                            </p>

                            <p class="flex-h margin-bottom-5">
                                <b class="spaceNowrap">张杰：</b>
                                <span class="gray">聘用单位与注册单位不一致;</span>
                            </p>


                            <p class="flex-h margin-bottom-5">
                                <b class="spaceNowrap">阿娜尔古丽.买买提：</b>
                                <span class="gray">
                                    聘用单位与注册单位不一致; <br>
                                    二级建造师证书(编号：皖JZ27149)已过有效期；
                                </span>
                            </p>
                            <p class="flex-h margin-bottom-5">
                                <b class="spaceNowrap">欧阳娜娜：</b>
                                <span class="gray">
                                    聘用单位与注册单位不一致; <br>
                                    二级建造师证书(编号：皖JZ27149)已过有效期；
                                </span>
                            </p>

                        </section>
                    </div>



                </div>


                <!--<div class="work-item-box">
                    <div class="text-center padding-top-40">
                        <img src="img/in-nodata.png" alt="">
                        <p class="gray">人员检测通过，暂无异常</p>
                    </div>
                </div>-->



            </div>

            <div class="work-item k2" id="penetrate4">
                <div class="work-item-title" style="padding-bottom:10px">
                    <div class="pull-left"><i class="it it6"></i> 巡查整改</div>
                    <a href="#" class="pull-right c949">
                        更多 <i class="dtFont dtFont-gengduo"></i>
                    </a>
                </div>

                <div class="padding-lr-20">
                    <p class="total-box margin-bottom-10">
                        <i class="pen"></i>
                        当前整改：<span class="black">0条</span>
                        <span class="dedede">|</span> 书面整改：<span class="blue">3条</span>
                        <span class="dedede">|</span> 停工整改：<span class="orange">15条</span>
                        <span class="dedede">|</span> 即将逾期：<span class="red">12</span>条
                    </p>
                    <div class="zg-three flex-h between">
                        <a href="#">
                            <span class="zg-blue">书面整改</span>
                            <b>限期至 2022-5-19</b>
                            <p class="nowrap gray">整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内</p>
                        </a>
                        <a href="#">
                            <span class="zg-orange">书面整改</span>
                            <b>限期至 2022-5-19</b>
                            <p class="nowrap gray">整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内</p>
                        </a>
                        <a href="#">
                            <span class="zg-blue">书面整改</span>
                            <b>限期至 2022-5-19</b>
                            <p class="nowrap gray">整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内容整改内</p>
                        </a>
                    </div>
                </div>


                <!--<div class="work-item-box">
                    <div class="text-center" style="transform: translateY(-10px)">
                        <img src="img/in-data2.png" alt="">
                        <p class="gray">未发现异常</p>
                    </div>
                </div>-->

                <!--引导提示-->
                <div class="tiS b" style="bottom: 105%;right: 0">
                    <h2 class="margin-bottom-10">月度材料上传 <i class="dtFont dtFont-guanbi tiSClose"></i></h2>
                    <p class="margin-bottom-40">待办一目了然，此处你可以处理所有项目的待办事项</p>
                    <p class="flex-h between">
                        <span>4/4</span>
                        <span>
                             <button class="normal-button cancel penetrateBtn"  data-go="3">上一步</button>
                             <button class="normal-button sure penetrateBtn"  data-go="0">下一步</button>
                        </span>

                    </p>
                </div>

            </div>

            <div class="work-item">
                <div class="work-item-title">
                    <b class="font-xxl">新版工作台介绍</b>
                </div>
                <div class="flex-h between padding-lr-20">
                    <a class="qck" href="#">去查看</a>
                    <img src="img/ew3.png" style="margin-top: -37px" alt="">
                </div>
            </div>



            <div class="tiS show penetrate" id="welcome">
                <div class="text-center padding-lr-30 padding-tb-20">
                    <h2 class="title2">欢迎来到工程建设云项目端</h2>
                    <p class="gray">您可以在教程文档快速了解项目端的基础功能，并学习如何使用项目端的功能</p>
                    <img src="img/welcome.png" alt="">
                    <p class="text-center">
                        <button class="normal-button sure penetrateBtn"  data-go="1">开始使用</button>
                        <button class="normal-button cancel tiSClose margin-left-10" style="float: none">跳过此步骤</button>
                    </p>
                </div>


            </div>


            <div class="mask-s show"></div>

        </div>

      </div>

    </div>
  </div>
</div>




<div class="center-block bg-white none" style="width: 700px" id="id8">

    <div class="distinction clearfix" style="height: 408px;">
        <div class="popup-left padding-top-15" style="padding-right: 0">
            <div class="padding-lr-16">
                <div class="input-icon right popup-search no-margin">
                    <i class="fa icon-magnifier"></i>
                    <input type="text" class="form-control" placeholder="输入名称来搜索">
                </div>

            </div>

            <div class="sdt-ces padding-top-15">
                <section class="sdt-cesItem">
                    <h3 class="padding-lr-16 margin-bottom-5">项目人员管理</h3>
                    <ul class="sdCesGtList">
                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i class="fa fa-user"></i> 项目人员管理
                              </span>
                            <span class="sl-right">已添加</span>
                        </li>

                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i class="fa fa-user"></i> 项目人员管理
                              </span>
                            <i class="fa fa-plus-square"></i>
                        </li>
                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i class="fa fa-user"></i> 项目人员管理
                              </span>
                            <i class="fa fa-plus-square"></i>
                        </li>
                    </ul>
                </section>
                <section class="sdt-cesItem">
                    <h3 class="padding-lr-16 margin-bottom-5">危大工程信息登记</h3>
                    <ul class="sdCesGtList">
                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i  class="fa fa-file"></i> 危大工程信息登记
                              </span>
                            <span class="sl-right">已添加</span>
                        </li>

                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i class="fa fa-file"></i> 危大工程信息登记
                              </span>
                            <i class="fa fa-plus-square"></i>
                        </li>
                    </ul>
                </section>
                <section class="sdt-cesItem">
                    <h3 class="padding-lr-16 margin-bottom-5">合同登记</h3>
                    <ul class="sdCesGtList">
                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i  class="fa fa-file"></i> 施工总承包合同登记
                              </span>
                            <span class="sl-right">已添加</span>
                        </li>

                        <li class="flex-h between">
                              <span class="sl-left">
                                 <i class="fa fa-file"></i> 施工总承包合同登记
                              </span>
                            <i class="fa fa-plus-square"></i>
                        </li>
                    </ul>
                </section>


            </div>



        </div>

        <div class="popup-right" style="padding-left: 0">

            <div class="padding-lr-16">
                <p class="margin-top-15 margin-bottom-10">已选择人员：<span class="blue">5/6</span></p>
            </div>



            <ul class="sdCesGtList" id="sdCesGtList">
                <li class="flex-h between"  data-id="1">
                    <span class="sl-left">
                       <i  class="fa fa-user"></i>  1项目人员管理
                    </span>

                    <span class="su-right">
                        <i class="fa fa-th"></i>
                        <i class="dtFont dtFont-shanchu"></i>
                      </span>
                </li>

                <li class="flex-h between"  data-id="2">
                    <span class="sl-left">
                       <i  class="fa fa-file"></i> 2施工总承包合同登记
                    </span>
                    <span class="su-right">
                    <i class="fa fa-th"></i>
                    <i class="dtFont dtFont-shanchu"></i>
                  </span>
                </li>
                <li class="flex-h between"  data-id="3">
                    <span class="sl-left">
                       <i  class="fa fa-file"></i> 3项目人员管理项目人员管理
                    </span>

                    <span class="su-right">
                        <i class="fa fa-th"></i>
                        <i class="dtFont dtFont-shanchu"></i>
                  </span>

                </li>
                <li class="flex-h between"  data-id="4">
                    <span class="sl-left">
                       <i  class="fa fa-file"></i> 4施工总承包合同登记
                    </span>

                    <span class="su-right">
                        <i class="fa fa-th"></i>
                        <i class="dtFont dtFont-shanchu"></i>
                    </span>

                </li>
                <li class="flex-h between"  data-id="5">
                    <span class="sl-left">
                       <i  class="fa fa-file"></i> 5施工总承包合同登记
                    </span>

                    <span class="su-right">
                        <i class="fa fa-th"></i>
                        <i class="dtFont dtFont-shanchu"></i>
                    </span>

                </li>
            </ul>
        </div>
    </div>








</div>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<script src="../assets/module/gcjsy/js/content.js"></script>
<script src="../assets/module/gcjsy/js/echarts.min.js"></script>
<script src="./Sortable.min.js"></script>
<script>
    let option = {
        title: {
            text: '72%',
            subtext: '完成率',
            left: 'center',
            top: 100
        },
        color:['#1F7DEE','#FC4141'],
        tooltip: {
            trigger: 'item',
            formatter: '{a}<br />{b0}: {c0}'+'%'
        },
        legend: {
            top: '5%',
            left: 'center',
            show:false
        },
        series: [
            {
                name: '项目信息统计',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: '#fff',
                    borderWidth: 2
                },
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: false,
                        fontSize: '20',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: [
                    { value: 72, name: '已完善材料' },
                    { value: 28, name: '待完善材料' }

                ]
            }
        ]
    };
    let myChart = echarts.init(document.getElementById('echarts'));
    myChart.setOption(option);
    $(window).resize(function(){
        myChart.resize();
    });

    //引导流程
    $('.tiSClose').click(function (){
        $('.penetrate').removeClass('penetrate');
        $('.mask-s').removeClass('show');
        $('#welcome').removeClass('show');

    })
    $('.penetrateBtn').click(function (){
        $('#welcome').removeClass('show');
        var goIndex = $(this).data('go');
        $('.penetrate').removeClass('penetrate');
        $('#penetrate'+goIndex).addClass('penetrate');
        if(!goIndex) $('.mask-s').removeClass('show');
    })

    //模拟打开编辑弹窗
    $('#edit').click(function () {
        layer.open({
            title: '重新人员',
            type: 1,
            area: ['700px', '520px'],
            content: $('#id8'),
            btn: ['确认','取消'],
            // btnAlign: 'r',
            yes: function(index, layero){ //按钮【按钮一】的回调
                layer.closeAll();
                setTimeout(function () {
                    layer.msg(
                        '你点击了确定按钮',
                        {icon: 1,time: 2000 }
                    )
                },500);
            },
            btn2: function(){
                layer.closeAll();
            }
        });
    });

    //拖拽事件模拟
    const sdCesGtList = document.getElementById('sdCesGtList');
    const sortable = Sortable.create(sdCesGtList, {    //初始化
        animation: 500,
        onEnd: function (evt) {   //拖动结束
            let arr = sortable.toArray(); //获取拖动后的排序
            console.log(JSON.stringify(arr));
        }}
    )
</script>
</body>
</html>
